<template>
<!-- 产品配置管理 配置支持的设备型号 -->
    <div>
       
            <el-form :model="ruleForm" label-width="180px" class="demo-ruleForm" label-position="left">
                <el-form-item label="iPhone 6 Plus" prop="resource">
                    <el-radio-group v-model="ruleForm.resource">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="iPhone 7 Plus" prop="resource">
                    <el-radio-group v-model="ruleForm.resource1">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="iPhone 7" prop="resource">
                    <el-radio-group v-model="ruleForm.resource2">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="iPhone 6s" prop="resource">
                    <el-radio-group v-model="ruleForm.resource3">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="iPhone X" prop="resource">
                    <el-radio-group v-model="ruleForm.resource4">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="iPhone 6s Plus" prop="resource">
                    <el-radio-group v-model="ruleForm.resource5">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
                 <el-form-item label="iPhone SE" prop="resource">
                    <el-radio-group v-model="ruleForm.resource6">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
                 <el-form-item label="iPhone 8" prop="resource">
                    <el-radio-group v-model="ruleForm.resource7">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="iPhone 8 Plus" prop="resource">
                    <el-radio-group v-model="ruleForm.resource8">
                        <el-radio label="支持"></el-radio>
                        <el-radio label="不支持"></el-radio>
                    </el-radio-group>
                </el-form-item>
            </el-form>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                ruleForm: {
                    resource: '',
                     resource1: '1',
                resource2: '1',
               resource3: '1',
                resource4: '1',
               resource5: '1',
               resource6: '1',
                resource7: '1',
               resource8: '1'
                }
            };
        },
        methods: {}
    };
</script>
<style lang="scss">
    .el-form-item {
        margin-bottom: 5px !important;
    }
     .el-radio__input.is-checked .el-radio__inner {
        border-color: #009688 !important;
        background: #009688 !important;
    }
    .el-radio__input.is-checked+.el-radio__label {
        color: #009688 !important;
    }
</style>
